<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/WEB-INF/templates/interna.xhtml">
	<ui:define name="nav">
		<h:form id="menu">
			<p:menu id="menuItens" styleClass="menu">
				<p:menuitem value="Cadastro" url="/admin/modelo/cadastro" />
				<p:menuitem value="Especifica&ccedil;&atilde;o do modelo"	url="/admin/modelo/especificacao-modelo" />
				<p:menuitem value="Pesquisa"	url="/admin/modelo/pesquisa" />
			</p:menu>
		</h:form>
	</ui:define>

	<ui:define name="centro">

		<h2 class="titulo-admin">Especifica&ccedil;&atilde;o de modelos</h2>

		<p:separator id="separator" styleClass="separador" />
		
			<h:form id="formValorEspecificacaoModelo">

			<p:messages id="messages" 
			    showDetail="true" 
			    autoUpdate="true"
				showSummary="false"/>	
					
			<h:panelGrid columns="2" cellpadding="8">
				
				<h:outputLabel value="Modelo"/>              	
            	<p:autoComplete id="modelo" 
            	minQueryLength="3"   
                value="#{valorEspecificacaoManagedBean.valorEspecificacao.modelo}"                     
                size="32"
                required="true"
                requiredMessage="Modelo deve ser informado"
                var="modelo"
				itemLabel="#{modelo.nome}" 
				itemValue="#{modelo}"
				converter="modeloConverter" 
				forceSelection="true"
				completeMethod="#{modeloManagedBean.complete}"			                   	
                />
                
                <h:outputLabel value="Especifica&ccedil;&atilde;o"/>              	
            	<p:autoComplete id="especificacao" 
            	minQueryLength="3"   
                value="#{valorEspecificacaoManagedBean.valorEspecificacao.especificacao}"                     
                size="32"
                required="true"
                requiredMessage="Especifica&ccedil;&atilde;o deve ser informado"
                var="especificacao"
				itemLabel="#{especificacao.campo}" 
				itemValue="#{especificacao}"
				converter="especificacaoConverter" 
				forceSelection="true"
				completeMethod="#{especificacaoManagedBean.complete}"                     	
                /> 
                
                <h:outputLabel value="Valor da especifica&ccedil;&atilde;o" />						
				<p:inputTextarea value="#{valorEspecificacaoManagedBean.valorEspecificacao.valor}"
				id="valor" 
				required="true"
				requiredMessage="Valor da especifica&ccedil;&atilde;o deve ser informado"
				rows="5" cols="30"
				autoResize="false">						
				<f:validateLength for="valor" minimum="1" maximum="500"/>
				</p:inputTextarea>
				
				<p:commandButton value="Incluir"
				process="formValorEspecificacaoModelo"
				update="@this, formValorEspecificacaoModelo, :formValoresEspecificacoes"
				action="#{valorEspecificacaoManagedBean.salvar()}"/>
                
            </h:panelGrid>   						
			
		</h:form>
		
		<h:form id="formValoresEspecificacoes">		 		
    		
    		<h2 class="titulo-admin">Especifica&ccedil;&otilde;es do modelo:
			  <h:outputText id="mod" value="#{valorEspecificacaoManagedBean.valorEspecificacao.modelo.nome}" />
			</h2>

			<p:separator id="separator2" styleClass="separador" />
		
			<p:contextMenu for="formValoresEspecificacoes">  
        		<p:menuitem value="Editar" icon="ui-icon-pencil" update=":formAtualiza" oncomplete="dlgAtualiza.show()"/>         
        		<p:menuitem value="Excluir" icon="ui-icon-close" update="valoresEspecificacoes" action="#{valorEspecificacaoManagedBean.excluirAtualizarLista()}"/> 
    		</p:contextMenu>   		
			
			<p:dataTable id="valoresEspecificacoes" 
				var="valorEspecificacao" 
			    value="#{valorEspecificacaoManagedBean.valorEspecificacaos}"
			    rowKey="#{valorEspecificacao.valor}"	
				selection="#{valorEspecificacaoManagedBean.valorEspecificacaoSelecionado}"	
				selectionMode="single"	
				style="width:95%">
								
				<p:column headerText="Especifica&ccedil;&atilde;o">					
					<h:outputText value="#{valorEspecificacao.especificacao.campo}" style="font-weight: bold"/>					
				</p:column>			
				
				<p:column headerText="Valor">					
					<h:outputText value="#{valorEspecificacao.valor}"/>  				
				</p:column>
								
			</p:dataTable>			
			
		</h:form>
		
		<h:form id="formAtualiza">			  
  			<p:dialog header="Atualiza&ccedil;&atilde;o" 
			widgetVar="dlgAtualiza" 
			resizable="false" 
			showEffect="clip" 
			hideEffect="explode"			
			id="dialogoAtualiza"> 
			
			<h:panelGrid columns="2" cellpadding="8">				
                
                <h:outputLabel value="Valor da especifica&ccedil;&atilde;o" />						
				<p:inputTextarea value="#{valorEspecificacaoManagedBean.valorEspecificacaoSelecionado.valor}"
				id="valor" 
				required="true"
				requiredMessage="Valor da especifica&ccedil;&atilde;o deve ser informado"
				rows="5" cols="30"
				autoResize="false">						
					<f:validateLength for="valor" minimum="1" maximum="500"/>
				</p:inputTextarea>
				
				<p:commandButton value="Atualizar"										
				actionListener="#{valorEspecificacaoManagedBean.atualizar()}"					
				oncomplete="dlgAtualiza.hide();"
				update=":formValoresEspecificacoes:valoresEspecificacoes">				   
				</p:commandButton>
				
			</h:panelGrid>	
			
			</p:dialog>
		
		</h:form>
		
	</ui:define>
</ui:composition>
</html>